<template>
    <tr>
        <td><input type="checkbox" :checked="bugObj.resolved"></td>
        <td>{{ bugObj.description }}</td>
        <td><button class="samll red button">删除</button></td>
    </tr>
</template>


<script>
    export default{
        name: "BugItem",
        props: {
            bugObj: {
                type: Object,
                required: true
            }
        },

    }

</script>
<style>
tr {
  border-bottom: 1px solid #ddd;
}

td {
  padding: 0.5rem;
  text-align: left;
}

input[type="checkbox"] {
  width: 16px;
  height: 16px;
  cursor: pointer;
}

button.small.red.button {
  background-color: #e74c3c;
  color: white;
  border: none;
  padding: 0.3rem 0.6rem;
  border-radius: 4px;
  cursor: pointer;
  font-size: 0.9rem;
}

button.small.red.button:hover {
  background-color: #c0392b;
}
</style>